.chat-room {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.chat-content {
  width: 100%;
  flex: 1;
  background: #eee;
  overflow: auto;
}

.chat-op {
  width: 100%;
  height: 3vh;
  position: fixed;
  bottom: 0;
  left: 0;
  #content {
    width: 70%;
    height: 3vh;
  }
  #send {
    height: 4vh;
    width: 14%;
    background: greenyellow;
    border: none;
  }
  #close {
    height: 3vh;
    width: 14%;
  }
}

.me-item {
  text-align: right;
}
